<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <link rel="shortcut icon" href="./img/f.png" type="image/x-icon"> -->
    <title>学习网站</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="bgWarp" onclick="handle()"></div>
    <div class="content">
        <h1 onclick="handleMenu()" style="cursor: pointer;"></h1>
        <h5>11 月 22 日 星期五</h5>
        <div class="warp">
            <div class="inputWarp">
                <img src="https://www.baidu.com/favicon.ico" alt="">
                <input type="text" placeholder="请输入内容！" onkeydown="change()">
                <img src="https://assets.msn.com/staticsb/statics/latest/icons-wc/icons/Search.svg" alt="" id="searchIcon" onclick="search()">
            </div>
            <div class="shadow" onclick="handleSearch()">点击时间 更多惊喜</div>
            <ul class="searchWarp">
            </ul>
        </div>
        <div class="box">
            <div class="menu">
                <span>技术社区</span>
                <span>资源工具</span>
                <span>个人网站</span>
                <span>AI平台</span>
                <span>推荐</span>
            </div>
            <div class="menuContent">
                <div class="item">
                    <a href="https://www.runoob.com/">菜鸟教程</a>
                    <span onclick="test('https://www.runoob.com/')">菜鸟教程ddd </span>
                    <span>菜鸟教程菜鸟教程菜鸟教程</span>
                </div>
                <div class="item">
                    <span>更多如果士大夫</span>
                    <span>鬼地方鬼地方</span>
                    <span>分公司的公司</span>
                    <span>尬的法国队</span>
                </div><div class="item">
                    <span>khj</span>
                    <span>hrthr</span>
                    <span>hdhgdtrh</span>
                    <span>hdhgdtrh</span>
                </div><div class="item">
                    <span>恢复和具体地方</span>
                    <span>古典风格</span>
                    <span>给对手犯规得分</span>
                    <span>鬼地方鬼地方</span>
                    <span>给对方</span>
                    <span>尬的法国队</span>
                    <span>尬的法国队</span>
                    <span>给对手犯规得分</span>
                </div><div class="item">
                    <span>个个</span>
                    <span>方法</span>
                    <span>尬的法国队</span>
                    <span>个个</span>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./js/index.js"></script>

</html>